import { Button, Form, Input } from 'antd-mobile'
import React from 'react'
import { useNavigate } from 'react-router-dom'
import utils from '../../utils/index'
const Login = () => {
  const navigate = useNavigate()
  const onFinish = async (values) => {
    const resp = await utils.post("/login", values)
    const { data, code, message } = resp.data
    if (code === 200) {
      localStorage.setItem("token", data.token)
      navigate("/home")
      alert("登录成功")
    } else {
      alert("登录失败")
    }
  }
  return (
    <div>
      <Form
        onFinish={onFinish}
        footer={
          <Button block type='submit' color='primary' size='large'>
            登录
          </Button>
        }
      >
        <Form.Item name='username' label='账号'>
          <Input></Input>
        </Form.Item>
        <Form.Item name='password' label='密码'>
          <Input></Input>
        </Form.Item>
      </Form>

    </div>
  )
}

export default Login
